@charset "utf-8";
/* CSS Document */

@import url(http://sharp-mal.googlecode.com/svn/watching.css);
@import url(http://sharp-mal.googlecode.com/svn/completed.css);
@import url(http://sharp-mal.googlecode.com/svn/planning.css);

/*
// 1NZ3RU 31032012
// Yozora theme
// 1NZ3RU: http://myanimelist.net/profile/1NZ3RU
*/

body {
	background-color: #EFEFEF !important;
	color: #000000;
	font-size: 11.00px;
	font: 12px arial,helvetica,"liberation sans","dejavu sans condensed",sans-serif;
	line-height: 1.4em;


	background: url(http://img62.imageshack.us/img62/6245/background22q.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*body:before{
//	position:absolute;
//	top: 0px;
//	left: 50%;
//	margin-left: -50%;
//
//	background: url(http://img594.imageshack.us/img594/1245/title6.png);
//	width: 100%;
//	height: 400px;
//	color: #FFF;
//	content:'';
}*/

body:after{
	position:absolute;
	top: 0px;
	left: 50%;
	margin-left: -50%;

	background: url(http://img9.imageshack.us/img9/5756/backgroundmy.jpg);
	width: 100%;
	height: 400px;
	color: #FFF;
	content:'';
	z-index: -2;
}

#mal\_control_strip {
	position: absolute;
	top: 260px;
	left: auto !important;
	right: 0px !important;
	z-index: 7;
	background-image:none !important;
	background: rgba(45, 45, 45, 0.8) !important; 
	height: 60px;
	width: 760px !important;
}

/*
// Additional space for bottom entries of the list
*/

html
{
	padding-bottom: 20px;	
}

/*
// Determines the positioning of your list
*/

#list_surround
{
	margin: 400px auto 0;	
	width: 1080px;

	height: 48px;
	
}

/*
// All links on your list
*/

a
{
	color: #51819f;
	text-decoration: none;
}

a:visited
{
	color: #51819f;
	text-decoration: none;
}

a:hover
{
	color: #51819f;
	text-decoration: none;
}


/*
// Category title
*/
.header_title 
{
	display: none;
}

/*
// Watching, Completed, On Hold, Dropped, Plan to Watch
*/

#list_surround table:first-of-type
{
	position: absolute;
	top: 206px;
	right: 0px;
	width: 459px !important;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	font-weight:bold !important;
	
	z-index: 4;
	background-color: #FFF;
	padding: 5px;

}

#list_surround table:first-of-type a
{
	padding: 5px;
}

#list_surround table:first-of-type td
{
	width:auto !important;
	padding-left:5px;
	padding-right:5px;
}

#list_surround table:first-of-type td:nth-of-type(6)
{
	display:none;
}

/* Which 'status' up top is selected? */

.status_selected
{

}

.status_selected a
{
	color: #8d8d8d;
}

.status_not_selected
{
	color:#515151;
}

.status_not_selected a:hover
{
	background-color: #FFF;
	color: #515151;
}

.status_not_selected a
{
	color: #8d8d8d;
	font-weight: bold;
}
   
/*
// This represents the "Anime Title", "Score", "# Eps" columns 
// Fixed menu for Sort by
*/

.table_header 
{
	padding: 5px !important;
	width: 90px !important;
	text-align: center;
	margin-bottom: 20px !important;
	color: #DCDCDC;
	background: rgba(255, 255, 255, 0.7) ;
}

.table_header a
{
	color: #DCDCDC;
	padding: 5px;
}

.table_header a:hover
{
	color: #545454;
}


td.table_header:nth-of-type(1) 
{
	position: absolute !important;
	top: 140px !important;
	left: 0px;
	margin-left: 100px;
	color: #545454;
}

.table_header:nth-of-type(1):after
{
	content:"Sort by:";
	font-weight: bold;
}

.table_header:nth-of-type(2) 
{
	position: absolute !important;
	top: 160px !important;
	left: 0px;
	margin-left: 170px;
}

.table_header:nth-of-type(3) 
{
	position: absolute !important;
	top: 180px !important;
	left: 0px;
	margin-left: 240px;
}

.table_header:nth-of-type(4) 
{
	position: absolute !important;
	top: 200px !important;
	left: 0px;
	margin-left: 170px;
}

.table_header:nth-of-type(5) 
{
	position: absolute !important;
	top: 240px !important;
	left: 0px;
	margin-left: 205px;
	
}

.table_header:nth-of-type(6) 
{
	display: none;
}

/*
// Controls the select form decoration (the drop down select box)
*/

.form
{
	border-width: 1px 1px 1px 1px;
	border-color: #ABABAB;
	border-style: solid;
	color: #000000;
	padding: 2px;
	font-size: 11.00px;
	font-family: Verdana, Arial;
  z-index: 3;
}


#grand_totals
{
	text-align: center;
}

/* header_al is the div surrounding "User's Anime List" at the top */

.header_al
{
	font-weight: bold;
	font-size: 16px;
}

/* Table sizes */
#list_surround table:nth-of-type(1n+4)
{
	float: left;
	position: relative;

	width: 116px !important;
	height: 116px !important;
	margin-bottom: 60px;
	margin-top: 0px;
	margin-right: 241px;

	table-layout:fixed;

}

#list_surround table:last-of-type
{
	display: none;	
}

#list_surround table:nth-of-type(1n+4) td
{
	position: absolute;
	width: 201px;
}

/*
// Displaying the anime posters
*/
#list_surround .hide
{
	display:inline-block !important;
	float: left;

	position: relative;

	
	margin-left: -357px;
	visibility: visible !important;

	height: 116px !important;
	width: 116px !important;

	background-position: center;
	border-radius: 4px 4px 4px 4px;
        -webkit-background-size: 120px 160px;
        -moz-background-size: 120px 160px;
        -o-background-size: 120px 160px;
        background-size: 120px 160px;
	z-index: -1;

}


/*
// Dark transition on the anime posters
*/
#list_surround table:nth-of-type(1n+4) tbody
{
	position: relative;
	background: rgba(0, 0, 0, 0.0);

}

#list_surround table:nth-of-type(1n+4)
{
	border-radius: 4px 4px 4px 4px;
}

#list_surround table:nth-of-type(1n+4):hover
{
	
	box-shadow: 0 0 5px #dd4814;
	
}

/*
// Only showing the anime info on hover
*/
#list_surround table:nth-of-type(1n+4) tbody:hover .td1, #list_surround table:nth-of-type(1n+4) tbody:hover .td2
{
	visibility: visible !important;
}

.td1, .td2 
{

	color: #FFF;
}

/*
// Anime info starts from here
// Episode number
*/

.td1[width='70'], .td2[width='70']
{
	position: relative;
	text-align: right;
	margin-top: 32px;
	margin-left: 117px;
	line-height: 24px;
	font-variant: small-caps;
	color: #AEA79F;
	font-weight: bold;
  color: #DD4814;



	

	z-index:2;
}

.td1[width='70'] a, .td2[width='70'] a
{
	color: #dd4814;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 0px
}

.td1[width='70'] a:hover, .td2[width='70'] a:hover
{
	color: #77216F;
}

.td1[width='70']:before,
.td2[width='70']:before
{
	content:"Episodes: ";
	position: absolute;
	left: 18px;
  color: white !important;
}

/*
// + for adding episodes
*/

.td1[width='70'] a[title='Click to increase your watched ep number by one'],
.td2[width='70'] a[title='Click to increase your watched ep number by one']
{
	z-index:2;
	background-image: url("http://cdn1.iconfinder.com/data/icons/basicset/plus_32.png");
	background-repeat: no-repeat;
	background-attachment: scroll; 
	background-position: center;
	background-color: transparent;
	padding-bottom: 0px;
	padding-right: 0px !important;
	color:transparent !important;
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	height: 50px;
	width: 32px;
	position: absolute;
	top:35px;
	right: -4px;
	
}

.td1[width='70'] a[title='Click to increase your watched ep number by one']:hover,
.td2[width='70'] a[title='Click to increase your watched ep number by one']:hover
{
	color: #FFFFFF !important;
	background-image: url("http://cdn1.iconfinder.com/data/icons/basicset/plus_32.png");
	background-repeat: no-repeat;
	background-attachment: scroll; 
	background-position: center;
	background-color: transparent;
	padding-bottom: 0px;
	padding-right: 0px !important;
	color:transparent !important;
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	height: 50px;
	width: 32px;
	position: absolute;
	top:35px;
	right: -4px;
  opacity: 0.3;
}

/* Anime title name */
.animetitle
{
	display:block;
	position: absolute;

	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;

	left: 126px;
	width: 181px !important;

	background: rgba(221, 72, 20, 1);
	border-radius: 4px 4px 4px 4px;
	
	color: rgba(255, 255, 255, 1);
	text-shadow:0 0 10px #000000;
	font-weight: bold;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	right:1px;
	z-index:1;
	visibility:visible !important;
	font-variant: small-caps;
}

.animetitle:visited
{
	color: rgba(203, 203, 203, 1);
}

.animetitle:hover
{
	color: #772953 !important;
}

/* Airing */
.animetitle + small
{
	position: absolute;
	margin-top: 86px;
	margin-left: 146px;	
	width: 171px !important;
	color: #772953;
	font-size: 12px !important;
	text-align: left;
}

#list_surround table:nth-of-type(1n+4) tbody:hover .animetitle + small
{
	visibility: visible !important;  
}

/* Edit - More */
.td1[width='30'] + .td1 div small, .td2[width='30'] + .td2 div small
{
	display:none;
}

/* Edit - More hover */
.td1[width='30'] + .td1 div small a, .td2[width='30'] + .td2 div small a
{
	color: #FFF;
}


.td1[width='30'] + .td1 div small a:hover, .td2[width='30'] + .td2 div small a:hover
{
	color: #FF00FF;
}

/* Score */
.td1[align='center'][width='45'], .td2[align='center'][width='45']
{
	position: relative;
	margin-top: 59px;
	margin-left: 117px;	
	color: #2d2d2d;
	font-size: 12px;
	text-align: right;
	z-index:2;
  line-height: 5px;
  font-weight: bold;
  color: #dd4814;
  font-variant: small-caps;
}

.td1[align='center'][width='45'] a, .td2[align='center'][width='45'] a
{
	color: #dd4814;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 0px;
   }

.td1[align='center'][width='45'] a:hover, .td2[align='center'][width='45'] a:hover
{
	color: #77216F;
}

.td1[align='center'][width='45']:before, .td2[align='center'][width='45']:before
{
  content:"Score: ";  
 position: absolute;
 left: 18px;
 color: white !important;
}

/* Count number */
.td1[width='30'],.td2[width='30']
{
	display: none;
}

/* TV */
.td1[width='50'],.td2[width='50']
{
	display: none !important;
}

/*
// Optional removal of Tags
*/
.td1[width='125'], .td2[width='125']{
	display: none !important;
}

/*
copyright contains the "Producted by Garrett Gyssler" text
DO NOT REMOVE OR HIDE THIS DIV
IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO
*/

#copyright
{
	text-align: left !important;
    display:inline-block !important;
    float: left;
	margin-top: 200px !important;

	color: #545454;
	padding: 20px;
}

#copyright a 
{
	color: #545454;
}
#copyright a:visited 
{
	color: #545454;
}
#copyright a:hover 
{
	color: #545454;
}
